<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="../css/top.css">
</head>
<body>
<div class="top">
    <!--    公司联系方式    -->
    <div class="justify-center">
        <!--            所有内容居中-->
        <div class="contact align-center">
            <div>欢迎来到希望学习网站</div>
            <div>
                <!--                    电话-->
                <div class="phone align-center">
                    <div></div>
                    <div>400-444-444</div>
                </div>
                <!--                    邮箱-->
                <div class="email align-center">
                    <div><img src="../img/xwri.png"></div>
                    <div>fasdfa@qq.com</div>
                </div>
            </div>
        </div>
    </div>
    <!--        公司导航-->
    <div class="justify-center">
        <!--            让这个div居中-->
        <div class="nav align-center">
            <div class="align-center">
                <div><img class="logo" src="../img/nrq0.jpg"></div>
                <div>
                    <div class="chinese-name">希望学校</div>
                    <div class="english-name">HOPE SCHOOL</div>
                </div>
            </div>
            <div class="align-center">
                <div class="align-center">
                    <div class="quan"></div>
                    <div onclick="window.location.href='index.html'">首页</div>
                </div>
                <div class="align-center">
                    <div class="quan"></div>
                    <div onclick="window.location.href='about-us.html'">关于我们</div>
                </div>
                <div class="align-center">
                    <div class="quan"></div>
                    <div onclick="window.location.href='news-center.html'">新闻中心</div>
                </div>
                <div class="align-center">
                    <div class="quan"></div>
                    <div>课程中心</div>
                </div>
                <div class="align-center">
                    <div class="quan"></div>
                    <div onclick="window.location.href='online.html'">在线预约</div>
                </div>
                <div class="align-center">
                    <div class="quan"></div>
                    <div onclick="window.location.href='contact-us.html'">联系我们</div>
                </div>
            </div>
        </div>
    </div>
    <!--        广告信息-->
    <div class="ad justify-center">
        <div class="align-center">
            <div>
                <!--                    标语-->
                <div class="slogan">
                    <div> 勤奋</div>
                    <div> ·</div>
                    <div> 求实</div>
                    <div> ·</div>
                    <div> 进取</div>
                    <div> ·</div>
                    <div> 创造</div>
                </div>
                <div class="">教育的伟大目标不只是装饰而是训练心灵,使具备有用的能力面非填塞前人经验的累积
                </div>
                <div>
                    <div class="button">联系我们</div>
                    <div class="button">给我们留言</div>
                </div>
            </div>
        </div>
    </div>
</div>
</body>
</html>